﻿/* CSS Document */
html{overflow:hidden;}
body {
    overflow: auto;
    overflow-x: hidden;
}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{ margin:0; padding:0; border:0;}
body{ font-size:12px;}
ul,ol{ list-style:none;}
select,input,img{vertical-align:middle;}
img{float:left;}

/* 其它 */
.clear{ clear:both; line-height:0px; height:0px; font-size:0px; visibility:hidden;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.fl{ float:left;}
.fn{ float:none;}

/* 字体 */
.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs32{ font-size:30px; font-family:Arial;font-weight:bold;}
.fw{ font-weight:bold; color:#373737; }
.red{ color:red;}
.red1{ color:#722105;}
.black{ color:black;}
.gray{ color:#767676;}

/* 链接 */
a:link{ color:#000; text-decoration:none;}
a:visited{color:#000; text-decoration:none;}
a:hover{color:#c00; text-decoration:underline;}
a.b:link{color:#3E75B9; text-decoration:underline;}
a.b:visited{color:#3E75B9; text-decoration:underline;}
a.b:hover{color:#c00; text-decoration:underline;}
a.r:link{color:#EF3C3C; text-decoration:underline;}
a.r:visited{color:#EF3C3C; text-decoration:underline;}
a.r:hover{color:#EF3C3C; text-decoration:underline;}

/* layout */
.layout{ width:702px; height:467px; border:1px black solid; background-color:#ebebeb;}

/* header */
.header{ height:27px; padding:3px 0 0 10px; border-bottom:1px black solid; background:url('http://static.emoney.cn/www/train/Images/Train/images/bg_header.jpg') repeat-x; position:relative;}
.header .min,.line,.close{ position:absolute; top:10px; right:55px;}
.header .line{ top:0; right:40px;}
.header .close{ right:15px;}

/* menu */
.menu{ height:27px; padding:14px 0 0 28px; background:url('http://static.emoney.cn/www/train/Images/Train/images/bg_menu.jpg') repeat-x;}

/* content */
.content{ padding:14px 0 0 19px; overflow:hidden;}
.content .left{ float:left; width:257px; margin-right:15px; overflow:hidden;}
.content .right{ float:left; width:394px; height:372px; }

/* table */
.tablestyle{ border:1px silver solid;}
.tablestyle .topheader{ height:23px; border-bottom:1px #D0D0D0 solid; background-color:#F9F9F9; overflow:hidden; text-align:center;}
.tableitem{ height:25px; border-bottom:1px #EDEDED solid; color:#666;}
.tableitem .time,.time1,.time2,.theme,.theme1,.theme2,.theme3,.theme411,.name,.name1,.name2,.number,.style,.qq,.qq1,.status,.status1{ float:left; width:108px; padding:6px 0 0 10px; /*word-spacing:-5px;*/}
.tableitem .time{ width:120px;}
.tableitem .time1{ width:128px;}
.tableitem .time2{ width:119px;}
.tableitem .theme{ width:118px;}
.tableitem .theme1{ width:150px; text-align:center}
.tableitem .theme2{ width:190px;}
.tableitem .theme3{ width:156px;}
.tableitem .name{ width:40px;}
.tableitem .name1{ width:100px; text-align:center;}
.tableitem .name2{ width:70px; text-align:center;}
.tableitem .number{ width:70px;}
.tableitem .style{ width:70px; text-align:center;}
.tableitem .qq{ width:59px; text-align:center;}
.tableitem .qq1{ width:69px; text-align:center;}
.tableitem .status{ width:80px; text-align:center;}
.tableitem .status1{ width:90px; text-align:center;}
.tableitem .opertion{ float:left; width:60px; padding:3px 0 0 15px;}
.tableitem .opertion1{ float:left; width:70px; padding:1px 0 0 8px; line-height:24px; text-align:center;}
.tableitem .opertion2{ float:left; width:60px; padding:3px 0 0 8px;}
.tableitem .opertion3{ float:left; width:90px; padding:1px 0 0 8px; line-height:24px; text-align:center;}
.tableitem .opertion4{ float:left; width:84px; padding:1px 0 0 16px;}
.tablestyle .bg1{ background-color:#FAFAFA;}
.tablestyle .nb{ border-bottom:0;}
.tt6{ padding:4px 0 2px 0 ! important;}

/* 小弹窗样式 */
.win{ width:278px; height:120px; position:relative;}
.win .close{ position:absolute; right:15px; top:15px;}
.win .top{ width:278px; height:4px; overflow:hidden;}
.win .top .c1{ float:left; width:4px;}
.win .top .c2{ float:left; width:270px; height:3px; background-color:#eeeded; border-top:1px #7d7d7d solid; overflow:hidden;}
.win .top .c2a{ float:left; width:370px; height:3px; background-color:#eeeded; border-top:1px #7d7d7d solid; overflow:hidden;}
.win .top .c3{ float:left; width:4px;}
.win .cont{  width:276px;/*border-left:1px #7d7d7d solid; border-right:1px #7d7d7d solid; */ background-color:#eeeded; overflow:hidden;}
.win .cont .title{ height:12px; padding:10px 0 0 25px; color:#EF3C3C; font-weight:bold;}
.win .cont .arrow{ height:15px; padding:0 0 0 1px; background:url('http://static.emoney.cn/www/train/Images/Train/images/bg_winline.jpg') repeat-x; background-color:blue}
.win .cont .text{ padding:5px 10px 5px 20px; line-height:24px; overflow:hidden;}
.win .cont .text .item{ height:25px; }
.win .cont .text .item .lesson{ float:left; width:160px;}
.win .cont .text .item .time{ float:left; width:70px; font-weight:bold;}
.win .cont .btn{ height:25px;}
.win .cont .tip{ height:25px; padding:10px 0 0 20px;}
.win .cont .haoma{ color:red; font-weight:bold; font-family:Arial; font-size:18px;}
.win .bottom{ width:278px; height:4px; overflow:hidden;}
.win .bottom .c1{ float:left; width:4px;}
.win .bottom .c2{ float:left; width:270px; height:3px; border-bottom:1px #7d7d7d solid; background-color:#eeeded; overflow:hidden;}
.win .bottom .c2a{ float:left; width:370px; height:3px; border-bottom:1px #7d7d7d solid; background-color:#eeeded; overflow:hidden;}
.win .bottom .c3{ float:left; width:4px;}


/* 大弹窗样式 */
.win1{ width:616px; height:368px; position:relative; background-color:#eeeded}
.win1 .close{ position:absolute; right:12px; top:10px;}
.win1 .top{ width:616px; height:4px; overflow:hidden;}
.win1 .top .c1{ float:left; width:4px;}
.win1 .top .c2{ float:left; width:608px; height:3px; background-color:#eeeded;/* border-top:1px #7d7d7d solid;*/ overflow:hidden;}
.win1 .top .c3{ float:left; width:4px;}
.win1 .cont1{ width:603px; height:338px; padding:22px 0 0 11px; /*border-left:1px #7d7d7d solid; border-right:1px #7d7d7d solid;*/ background-color:#eeeded; overflow:hidden;}
.win1 .cont1 .left,.right1{ float:left; width:242px; margin-right:10px;  border:1px #CECECE solid; background-color:#fff; position:relative;}
.win1 .cont1 .left{ height:303px; padding-top:27px;}
.win1 .cont1 .left .title{ position:absolute; top:3px; width:244px; height:17px; padding-top:7px; background:url('http://static.emoney.cn/www/train/Images/Train/images/win_title.jpg') -1px 0 no-repeat; text-align:center; color:white;}
.win1 .cont1 .right1{ width:302px; height:315px; padding:15px 0 0 28px;}
.win1 .cont1 .right1 .tipinfo,.tipinfo1{ position:absolute; left:0; bottom:0; border-top:1px silver dashed; width:260px; height:24px; padding:11px 0 0 70px; color:#0766A0; background:url('http://static.emoney.cn/www/train/Images/Train/images/ico_face.jpg') 35px 8px no-repeat;}
.win1 .cont1 .right1 .tipinfo1{ color:#7D7D7D; background-image:url('http://static.emoney.cn/www/train/Images/Train/images/ico_face1.jpg');}
.win1 .cont1 .right1 td{ padding:2px; line-height:18px;}
.win1 .cont1 .right1 td .bt{ background-color:#4C93C1; color:white; padding:2px 4px;}
.win1 .bottom{ width:616px; height:4px; overflow:hidden;}
.win1 .bottom .c1{ float:left; width:4px;}
.win1 .bottom .c2{ float:left; width:608px; height:3px; /*border-bottom:1px #7d7d7d solid;*/ background-color:#eeeded; overflow:hidden;}
.win1 .bottom .c3{ float:left; width:4px;}

/* 页码样式 */
.pagenum{ overflow:hidden;}
.pagenum .arrow{ float:left; width:12px; height:12px; padding-top:3px;}
.pagenum ul{ float:left;}
.pagenum li{ float:left; padding:0px 4px; text-align:center; margin-right:5px; font-weight:bold; border:1px white solid; cursor:pointer;}
.pagenum li.cur{ color:#C74E0F; border:1px silver solid;}

/* 网络培训 */
.left .new{ height:372px; border:1px #d0d0d0 solid; background-color:white; position:relative;}
.left .new .tit{ height:25px; padding:14px 0 0 38px; background:url('http://static.emoney.cn/www/train/Images/Train/images/ico_new.jpg') 9px 9px no-repeat; color:#EF3C3C; font-weight:bold;}
.left .new .cont{ height:158px; padding:0 10px 0 15px; line-height:19px;color:#666666;}
.left .new .expert{ height:84px; padding:10px 0 0 8px; background-color:#f3f3f3; border-top:1px #CFCECE solid; border-bottom:1px #CFCECE solid; position:relative;}
.left .new .expert .head{ float:left; width:63px; border:1px silver solid; padding:4px; overflow:hidden; margin:0 12px 0 0;}
.left .new .expert .brief{ float:left; width:150px; line-height:20px;}
.left .new .time{ height:36px; padding:7px 0 0 40px; background:url('http://static.emoney.cn/www/train/Images/Train/images/ico_time.jpg') 10px 10px no-repeat;}
.left .new .time .t{ height:25px; padding:3px 0 0 15px; line-height:28px; border-left:1px silver solid; font-family:黑体; font-size:14px; font-weight:bold; color:#F54F4F; letter-spacing:2px;}
.left .new .btn{ height:35px; position:absolute; bottom:0px;}
.left .serv{ height:24px; line-height:24px; margin:5px 0 0 0;}

.left .notrain{ height:372px; border:1px #d0d0d0 solid; background:white url('http://static.emoney.cn/www/train/Images/Train/images/bg_face.jpg') 65px 60px no-repeat; position:relative;}
.left .notrain .text{ position:absolute; left:65px; top:210px; font-size:14px; font-weight:bold;}
.left .notrain .btn{ position:absolute; left:35px; top:270px;}

.right .rec{ height:190px; margin-bottom:18px; border:1px #d0d0d0 solid; background-color:white; position:relative;}
.right .rec .tit{ height:21px; padding:14px 0 0 38px; background:url('http://static.emoney.cn/www/train/Images/Train/images/ico_recommand.jpg') 9px 9px no-repeat; color:#EF3C3C; font-weight:bold;}
.right .rec .btn{ position:absolute; right:11px; top:10px;}
.right .rec .cont{ height:141px; padding:15px 0 0 12px; overflow:hidden;}
.right .rec .cont .t1{ width:367px; height:127px; overflow:hidden;}

.right .his{ height:162px; border:1px #d0d0d0 solid; background-color:white; position:relative;}
.right .his .tit{ height:21px; padding:14px 0 0 38px; background:url('http://static.emoney.cn/www/train/Images/Train/images/ico_history.jpg') 9px 9px no-repeat; color:#EF3C3C; font-weight:bold;}
.right .his .btn{ position:absolute; right:11px; top:10px;}
.right .his .cont{ padding:15px 0 0 12px;}
.right .his .cont .t1{ width:367px; height:101px; overflow:hidden;}
.right .his .cont .figure{ color:#F85858; font-weight:bold; text-align:center;}

/* 网络培训-正在进行 */
.left .new .tit1{ height:35px; background:url('http://static.emoney.cn/www/train/Images/Train/images/bg_tit1.jpg') 0 10px no-repeat;}
.left .new .expert1{ height:168px ! important;}
.left .new .expert .btn{ position:absolute; top:120px; left:35px;}

/* 地面培训 */
.left .tranLabel{ height:372px; background-color:white; border:1px #d0d0d0 solid; overflow:hidden; position:relative;}
.left .tranLabel .scrollbar{ position:absolute; right:2px; top:0; width:3px; height:372px; background-color:silver;}

.left .tranLabel .scrollbar .handle{ position:absolute; right:-2px; _right:-3px; top:40px; width:7px; height:50px; background-color:#3786BA;}
.left .tranLabel .item{ height:53px; padding:8px 0 0 10px; border-bottom:1px #C7C7C7 solid;}
.left .tranLabel .item .head{ float:left; width:39px; height:39px; margin-right:5px; border:1px silver solid; padding:2px; }
.left .tranLabel .item .brief{ float:left; width:180px; line-height:22px;}
.left .tranLabel .item .brief1{ float:left; width:170px; line-height:22px; overflow:hidden;}
.left .tranLabel .item .t1{ color:#373737;}
.left .tranLabel .item .t2{ color:#989898;}
.left .tranLabel .item .t3{ color:#0B6498;}
.left .tranLabel .itemcur{ background:url('http://static.emoney.cn/www/train/Images/Train/images/bg_trainLabel.jpg') no-repeat;}
.left .tranLabel .nb{ border-bottom:0;}

.right .detail{ width:392px; height:372px; border:1px #d0d0d0 solid; background-color:white;}
.right .detail .cont{ height:270px; padding:15px 0 0 28px; border-bottom:1px silver dashed; overflow:hidden;}
.right .detail .cont td{ padding:2px; line-height:18px;}
.right .detail .cont td .bt{ background-color:#4C93C1; color:white; padding:2px 4px;}
.right .detail .book{ height:72px; padding:11px 0 0 40px; overflow:hidden;}
.right .detail .book .xw{ height:30px; line-height:22px; background:url('http://static.emoney.cn/www/train/Images/Train/images/bg_figure.jpg') 55px 0px no-repeat; position:relative;}
.right .detail .book .xw .fig{ position:absolute; left:70px; top:0px; color:white; font-weight:bold;}
.right .detail .book .yd{ height:40px; padding-left:26px; background:url('http://static.emoney.cn/www/train/Images/Train/images/ico_phone.jpg') 0 4px no-repeat;}
.right .detail .book .yd input{ float:left; width:160px; height:25px; line-height:25px; border:1px #d3d3d3 solid; text-indent:2px; color:#d3d3d3; font-size:12px; margin-right:5px;}

.notrain1{ width:662px; height:180px; padding:190px 0 0 0; background-color:white; border:1px #CFCECE solid; position:relative; text-align:center; line-height:40px;}
.notrain1 .face{ position:absolute; left:265px; top:50px;}
/* 历史培训 */
.history1{ height:207px; position:relative;}
.history1 .item{ width:307px; height:207px;  border:1px #d0d0d0 solid; background-color:white;float:left;  position:relative;}
.history1 .item .tit{ width:69px; height:14px; padding:2px 0 0 20px; position:absolute; top:6px; background:url('http://static.emoney.cn/www/train/Images/Train/images/bg_tit.jpg') no-repeat; color:white; font-size:12px; font-weight:bold;}
.history1 .item .intro{ height:100px; padding:35px 0 0 10px; border-bottom:1px silver dashed; position:relative;}
.history1 .item .intro .head{ float:left; width:63px; border:1px silver solid; padding:4px; overflow:hidden; margin:0 8px 0 0;}
.history1 .item .intro .name1{ position:absolute; top:108px; left:0px; text-align:center; width:73px; height:20px;}
.history1 .item .intro .brief{ float:left; width:210px; line-height:18px;}
.history1 .item .intro .btn{ position:absolute; right:10px; bottom:7px;}
.history1 .item .lesson{ padding:5px 0 0 10px; height:62px; overflow:hidden;}
.history1 .item .lesson .tit1{ height:20px; font-weight:bold; color:#BC8048;}
.history1 .item .lesson .list{ height:22px; line-height:22px; }
.history1 .item .lesson .list .text{ float:left; width:225px; padding-right:5px;}
.history1 .item .lesson .list .btn{ float:left; width:60px; height:19px;}
.history1 .arrowleft{ position:absolute; left:-25px; top:110px;}
.history1 .arrowright{ position:absolute; right:10px; top:110px;}
/*滚动区域*/
.history1 .scrollCnt {width:635px;height:210px;position:absolute; left:0px;top:0; overflow:hidden;}
.history1 .scrollCnt table{}
.history1 .scrollCnt table tbody tr td{width:635px;}

.history2{ width:614px;margin:5px 0 0 0; padding:6px 6px 22px 6px; border:1px #d0d0d0 solid; background-color:white; position:relative;}
.history2 .t1{ width:610px; height:127px; overflow:hidden;}
.history2 .more{ position:absolute; bottom:2px; right:8px;}
.content .serv{ height:24px; line-height:24px; margin:5px 0 0 0;}

/* 我的培训 */
.mytrain{ width:644px; height:313px; padding:17px 14px 40px 14px; border:1px #d0d0d0 solid; background-color:white; overflow:hidden; position:relative;}
.mytrain .t1{ height:311px; overflow:hidden;}
.mytrain .info{ height:20px; padding:15px 0 0 0;}
.mytrain .bookinfo{ position:absolute; right:15px; bottom:8px;}

/* 本月所有培训 */
.alltrain{ width:644px; height:320px; padding:12px 14px 40px 14px; border:1px #d0d0d0 solid; background-color:white; overflow:hidden; position:relative;}
.alltrain .title{ height:22px;}
.alltrain .btn{ position:absolute; right:14px; top:8px;}

.tableitem .theme411{ width:158px; position:relative;}
.tableitem .theme411 .del{ position:absolute; left:8px; top:3px; width:154px; height:18px; padding-left:2px; line-height:18px; border:1px #9f9f9f solid; background-color:white;}
.tableitem .theme411 .del1{ position:absolute; left:8px; top:3px; width:154px; height:18px; padding-left:2px; line-height:18px; background-color:white;}

.tableitem .theme411 .btn{ position:absolute; right:4px; top:5px;}







